<template>
  <div class="container">
    <div class="fly-panel fly-link">
      <h3 class="fly-panel-title">友情链接</h3>
      <dl class="fly-panel-main">
        <dd><a :href="item.link" target="_blank" v-for="(item, index) in lists" :key="'link' + index">{{item.title}}</a><dd>
        <dd><a href="mailto:xianxin@layui-inc.com?subject=%E7%94%B3%E8%AF%B7Fly%E7%A4%BE%E5%8C%BA%E5%8F%8B%E9%93%BE" class="fly-link">申请友链</a></dd>
      </dl>
    </div>
  </div>
</template>
<script>
import { getLink } from '@/api/content.js';

export default {
  name: 'Links',
  data () {
    return {
      lists: [{ // 类型：Object  必有字段  备注：无
        'isTop': '0', // 类型：String  必有字段  备注：无
        'sort': '0', // 类型：String  必有字段  备注：无
        '_id': '5ceba2303215ddb5f0dec0e5', // 类型：String  必有字段  备注：无
        'created': '2019-04-07T17:26:43.000Z', // 类型：String  必有字段  备注：无
        'title': 'gitlab', // 类型：String  必有字段  备注：无
        'link': 'https://git.toimc.com', // 类型：String  必有字段  备注：无
        'type': 'tips' // 类型：String  必有字段  备注：无
      }]
    };
  },
  methods: {
    _getList () {
      getLink().then(res => {
        if (res.code === 200) {
          this.lists = res.data;
        }
        // else {
        //   this.$alert(res.msg);
        // }
      }).catch(err => {
        this.$alert(err);
      });
    }
  },
  mounted () {
    this._getList();
  }
};
</script>
<style scoped lang="scss">

</style>
